$(document).ready(function () {
    // 初始化日期选择器
    $('#datepicker').datepicker({
        format: 'yyyy-mm-dd', // 设置日期格式
        autoclose: true,      // 自动关闭日历
        todayHighlight: true  // 高亮今天的日期
    });

    $('#datepicker2').datepicker({
        format: 'yyyy-mm-dd',  // 设置日期格式
        autoclose: true,       // 自动关闭日历
        todayHighlight: true   // 高亮今天的日期
    });

    // 点击图标也可以打开日历
    $('.search-icon').click(function () {
        var inputId = $(this).siblings('input').attr('id');
        $('#' + inputId).datepicker('show');  // 显示对应输入框的日期选择器
    });

    // 点击输入框时也会弹出日期选择器
    $('#datepicker1, #datepicker2').click(function () {
        $(this).datepicker('show');
    });

    // 点击输入框或图标时，显示选择器
    $('#peopleInput, .search-icon').click(function () {
        $('#peopleSelector').toggle();  // 切换显示/隐藏选择器
    });

    // 点击选择器中的某个选项时，设置选择的人数到输入框
    $('#peopleSelector li').click(function () {
        var selectedValue = $(this).text();  // 获取选中的人数文本
        $('#peopleInput').val(selectedValue); // 设置到输入框中
        $('#peopleSelector').hide(); // 选择后隐藏选择器
    });

    // 点击其他地方时，隐藏选择器
    $(document).click(function (e) {
        if (!$(e.target).closest('#peopleInput, #peopleSelector').length) {
            $('#peopleSelector').hide();  // 点击输入框或选择器外部时隐藏选择器
        }
    });



});

// 默认选中第一个按钮
document.getElementById('btn1').classList.add('btn-selected');

// 切换按钮颜色
function selectButton(button) {
    // 获取所有按钮
    const buttons = document.querySelectorAll('.btn-custom');

    // 移除所有按钮的选中样式
    buttons.forEach(btn => btn.classList.remove('btn-selected'));

    // 为当前点击的按钮添加选中样式
    button.classList.add('btn-selected');
}
 // 获取当前日期并格式化为 YYYY-MM-DD
    const today = new Date();
    const formattedToday = today.toISOString().split('T')[0];

    // 获取入住和离店日期的输入元素
    const checkinDateInput = document.getElementById("checkinDate");
    const checkoutDateInput = document.getElementById("checkoutDate");

    // 设置入住日期默认值为今天，并且设置最小日期为今天
    checkinDateInput.value = formattedToday;
    checkinDateInput.min = formattedToday;

    // 设置离店日期默认值为明天，并限制最小值为明天
    const defaultCheckoutDate = new Date(today);
    defaultCheckoutDate.setDate(today.getDate() + 1);
    checkoutDateInput.value = defaultCheckoutDate.toISOString().split('T')[0];
    checkoutDateInput.min = defaultCheckoutDate.toISOString().split('T')[0];

    // 当入住日期改变时，自动更新离店日期的最小值
    checkinDateInput.addEventListener("change", function() {
        const checkinDate = new Date(checkinDateInput.value);
        const checkoutDate = new Date(checkinDate);
        checkoutDate.setDate(checkinDate.getDate() + 1); // 离店日期应该至少是入住日期之后的一天
        
        // 更新离店日期输入框的最小值和默认值
        checkoutDateInput.min = checkoutDate.toISOString().split('T')[0];
        if (new Date(checkoutDateInput.value) < checkoutDate) {
            checkoutDateInput.value = checkoutDate.toISOString().split('T')[0]; // 如果当前离店日期小于最小值，设为最小值
        }
    });
	//点击导航条变色
	$(function(){
		$('.nav-item').click(function(){
			$(this).children().addClass('active');
			$(this).siblings('li').children().removeClass('active')
		})
	})
	
	
	//添加登录
	window.onload = function() {
	    var nickname = sessionStorage.getItem("nickname");
	    
	    if (nickname) {
	        // 如果有昵称，替换登录注册的链接
	        document.querySelector('.user-account').innerHTML = `
	            <span>Hello! ${nickname}</span>/
	            <a href="#" id="logout">退出登录</a>
	        `;
			
			  // 添加点击事件来处理退出登录
			        document.getElementById('logout').addEventListener('click', function(event) {
			            event.preventDefault();  // 阻止默认的链接跳转
			            sessionStorage.removeItem("nickname");  // 清除昵称
			            window.location.href = "login.html";  // 跳转到登录页面
			        });
			    }
	    
	};
	

	
	
